<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <!-- <script src="https://unpkg.com/vue@next/dist/vue.global.js"></script> -->
    <script src="https://unpkg.com/vue@next/dist/vue.global.prod.js"></script>
    <title>
      <%= htmlWebpackPlugin.options.title %> - Misitebao
    </title>
  </head>

  <body>
    <noscript>
      <strong
        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please
        enable it to continue.</strong
      >
    </noscript>
    <div id="app">
      <!-- Header -->
      <!-- <div class="header">
      <div v-text="headerName"></div>
    </div> -->
      <!-- Main content -->
      <div class="content">
        <div class="introduction">
          <div class="container">
            <div class="row">
              <div class="col-xs-24">
                <!-- Personal profile -->
                <h1 class="hello">Hello</h1>
                <h1 class="name">My network name is Misitebao</h1>
                <p class="description">
                  I am a full-stack software developer, mainly using front-end and Go technologies. I am active in the
                  open source community most of the time. I am currently developing the Go framework
                  <a class="link" href="https://github.com/tigateam/tigago">Tigago</a> and other applications. If you
                  are interested, you can follow me on <a class="link" href="https://github.com/misitebao">Github</a>.
                  At the same time I am also active on
                  <a class="link" href="https://twitter.com/misitebao">Twitter</a> and
                  <a class="link" href="https://www.youtube.com/channel/UCGlgW9t0HnKDlkcS1dH7X3g">Youtube</a>.
                </p>
                <p class="description">
                  If you happen to also speak Chinese, my Chinese net name is "米司特包", and you can also find me on
                  <a class="link" href="https://weibo.com/misitebao">微博</a>,
                  <a class="link" href="https://www.zhihu.com/people/misitebao">知乎</a>,
                  <a class="link" href="https://juejin.cn/user/2295436009291246">掘金</a>
                  and <a class="link" href="https://space.bilibili.com/97480642/">哔哩哔哩</a>.
                </p>
                <p class="description">
                  In addition to programming, I also like science fiction movies and video games. The games I often play
                  include League of Legends, Playerunkown's Battlegrounds(PUBG), and Game for Peace.
                </p>
                <!-- Contact information -->
                <div class="social">
                  <div class="container">
                    <div class="row">
                      <div class="col-xs-8 col-xl-24">
                        <div class="social-item">
                          <a href="javascript:void(0)" class="name">WeChat:misitebao_work</a>
                          <img
                            src="https://cdn.jsdelivr.net/gh/misitebao/CDN@main/qrcode/wechat_misitebao_work.jpg"
                            alt=""
                            class="qrcode"
                          />
                        </div>
                      </div>
                      <div class="col-xs-8 col-xl-24">
                        <div class="social-item">
                          <a href="javascript:void(0)" class="name">QQ:1028817941</a>
                          <img
                            src="https://cdn.jsdelivr.net/gh/misitebao/CDN@main/qrcode/qq_misitebao_work.jpg"
                            alt=""
                            class="qrcode"
                          />
                        </div>
                      </div>
                      <div class="col-xs-8 col-xl-24">
                        <div class="social-item">
                          <a href="javascript:void(0)" class="name">Email:i@misitebao.com</a>
                          <!-- <img src="https://cdn.jsdelivr.net/gh/misitebao/CDN@main/bg/013.svg" alt="" class="qrcode" /> -->
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- Footer -->
      <!-- <div class="footer">
      <div v-text="footerName"></div>
    </div> -->
    </div>
  </body>
</html>
